html, body, #wrap {height: 100%;}
*+h1, *+h2, *+h3, *+h4, *+h5, *+h6 {
  margin-top: 0;
}
h1, h2, h3, h4, h5, h6 {
  margin: 0;
  font-weight: normal;
}
body > #wrap {height: auto; min-height: 100%;padding-bottom: 270px;}
div.jumbotron {
  text-align: center;
  height: auto;
  padding: 0px;
  position: relative;
  color: white;
}
/* line 10, ../scss/show.scss */
div.jumbotron > div.container-fluid {
  padding: 0px;
}
/* line 13, ../scss/show.scss */
div.jumbotron img.bigImg {
  width: 100%;
  height: auto;
  margin: 0px;
  padding: 0px;
}
/*电话*/
div.jumbotron img.mobileImg{
	width: 100%;
	height: auto;
	position: absolute;
	bottom: 0;
	left: 0;
}
/*白云*/
div.jumbotron img.cloudImg{
	width: 100%;
	height: auto;
	position: absolute;
	bottom: -5px;
	left: 0;
}
div.jumbotron h1{
	color: white;
	font-family: "MicrosoftYaHei" ! important;
	font-size: 2.6em;;
	position: absolute;
	left: 23%;
	top: 50%;
}
div.jumbotron h3{
	color: white;
	font-family: "AdobeSongStd-Light" ! important;
	font-size: 1.5em;
	position: absolute;
	left: 23.5%;
	top: 61%;
}
div.jumbotron .btn-mybtn{
  font-family: "AdobeHeitiStd-Regular" ! important;
  position: absolute;
  font-size: 18px;
  width: 150px;
  border-radius: 20px;
  color: #fff;
  background-color: #113840;
  border-color: #113840;
  top:73%;
}
div.jumbotron .iosbtn{
	left: 23.5%;
}
div.jumbotron .androidbtn{
	left: 34.5%;
}

/*下载按钮*/
.btnPhone{
	position: absolute;
	left: 23.5%;
	top:55%;
	display: none;
	border: none;
	background-color: #113840;
	padding: 8px 30px;
	outline: none;
	color: white;
	font-size: 1em;}
.btnPhone img{
	margin-top: -6px;
		width: 20px;
		height: 20px;
	}
div.jumbotron .smImg{
	  width: 100%;
  height: auto;
  margin: 0px;
  padding: 0px;
	display: none;
}

@media only screen and (max-width: 450px) {
	div.jumbotron img.bigImg {
		display: none;
	}
	/*电话*/
	div.jumbotron img.mobileImg{
		display: none;
	}
	/*白云*/
	div.jumbotron img.cloudImg{
		display: none;
	}
	div.jumbotron .smImg{
		display: block;
	}
	div.jumbotron h1{
		display: none;
	}
	div.jumbotron h3{
		display: none;
	}
	div.jumbotron .iosbtn{
		left: 6% !important;
		top : 50%!important;;
	}
	div.jumbotron .androidbtn{
		left: 6% !important;;
		top : 55% !important;;
	}
	.btnPhone{
		left:6%;
	}
}
@media screen and (max-width: 768px) {
  	div.jumbotron h1{
		display: none;
	}
	div.jumbotron h3{
		display: none;
	}
	div.jumbotron .btn-mybtn{
	  font-size: 1em;
	  width: 120px;
	}
	div.jumbotron .iosbtn{
		top : 53%!important;;
	}
	div.jumbotron .androidbtn{
		left: 23.5%;
		top: 70%;
	}
	
}
@media screen and (max-width: 992px) and (min-width: 769px){
  	div.jumbotron h1{
		font-size: 1.7em;
	}
	div.jumbotron h3{
		font-size: 1em;
	}
	div.jumbotron .btn-mybtn{
	  font-size: 1em;
	  width: 120px;
	}
	div.jumbotron .androidbtn{
		left: 38.5%;
	}
	.btnPhone{
		top:70%;
	}
}
@media screen and (max-width: 1200px) and (min-width: 992px){
	div.jumbotron h1{
		font-size: 2em;
	}
	div.jumbotron h3{
		font-size: 1.2em;
	}
	div.jumbotron .androidbtn{
		left: 38%;
	}
		div.jumbotron .btn-mybtn{
	  font-size: 1em;
	  width: 120px;
	}
	div.jumbotron .androidbtn{
		left: 38.5%;
	}
	.btnPhone{
		top:70%;
	}
}

@media screen and (max-width: 1460px) and (min-width: 1200px){
	div.jumbotron h1{
		font-size: 2em;
	}
	div.jumbotron h3{
		font-size: 1.2em;
	}
	div.jumbotron .androidbtn{
		left: 37%;
	}
	.btnPhone{
		top:70%;
	}
	
}

div.textContent{
	margin: 30px auto;
	max-width: 800px ;
}
div.textContent p{
	margin-top: 40px;
	text-indent: 2em;
}

/* line 77, ../scss/index.scss */
div.bottombar {
  background-image: url(../img/bottombar.png);
  width: 100%;
  height: 20px;
}

/* line 82, ../scss/index.scss */
footer {
	position: relative;
	margin-top: -270px; 
	clear:both;
  height: 270px;
  text-align: center;
}
/* line 85, ../scss/index.scss */
footer div.footerBarCodeArea {
  height: 200px;
  background-color: #202123;
}
/* line 89, ../scss/index.scss */
footer div.footerBarCodeArea > div.logo {
  margin-top: 60px;
  position: relative;
  height: 50px;
  border-right: 1px solid #777;
}
/* line 94, ../scss/index.scss */
footer div.footerBarCodeArea > div.logo .footerLogo {
  position: absolute;
  right: 30px;
  width: auto;
  height: 50px;
}
@media screen and (max-width: 768px) {
  /* line 89, ../scss/index.scss */
  footer div.footerBarCodeArea > div.logo {
    margin-top: 10px;
    text-align: center;
  }
  /* line 103, ../scss/index.scss */
  footer div.footerBarCodeArea > div.logo .footerLogo {
    position: relative;
    right: 0;
  }
}
/* line 110, ../scss/index.scss */
footer div.footerBarCodeArea .barcode {
  text-align: left;
  margin-top: 40px;
}
/* line 113, ../scss/index.scss */
footer div.footerBarCodeArea .barcode > div {
  margin-left: 10px;
  float: left;
  width: 100px;
  color: #777;
  font-size: 0.9em;
  text-align: center;
}
/* line 120, ../scss/index.scss */
footer div.footerBarCodeArea .barcode > div > img {
  width: 90px;
  height: 90px;
}
/* line 124, ../scss/index.scss */
footer div.footerBarCodeArea .barcode > div p {
  padding-top: 10px;
}
@media screen and (max-width: 768px) {
  /* line 110, ../scss/index.scss */
  footer div.footerBarCodeArea .barcode {
    margin-top: 10px;
  }
  /* line 130, ../scss/index.scss */
  footer div.footerBarCodeArea .barcode > div {
    margin-left: 0px;
    width: 100%;
    float: none;
  }
}
/* line 140, ../scss/index.scss */
footer div.footerCopyRight {
  height: 50px;
  background-color: #232323;
  font-size: 12px;
  color: #777;
  line-height: 50px;
}



/*弹出框*/
.showDiv{display: none; width: 264px;height: 387px;background: url(../img/download/shapes.png) no-repeat;background-size: contain;}
.codeImg{width: 200px;height: 200px;margin-top: 50px;}
.downloadBtn{display: block;border: none;width: 200px;text-align: center;background-color: #1ABC9C;color: white;padding: 10px;margin-top: 20px;}